@import url('../../utils/less/base.less');

.page {
    &>.search-container {
        .sticky(tl);
        .bgcolor(#f5f5f5);
        z-index: 1;
        padding: 24rpx 32rpx;

        &>.search-row {
            .bgcolor(white);
            .radius(100rpx);
            .flex-start(center);
            height: 80rpx;
            box-shadow: 0 0 20rpx -12rpx #333;

            &>.title {
                .text(30rpx);
                .flex(none);
                margin-left: 30rpx;
            }

            &>.search-input {
                .text(30rpx);
                .flex(auto);
                margin-right: 30rpx;
            }
        }
    }

    &>.list-row {
        &>.item {
            .flex-between(center);
            .bgcolor(white);
            .relative();

            &:after {
                content: '';
                .absolute(_, 20rpx, 0, 20rpx);
                .bgcolor(#eee);
                height: 2rpx;
            }

            padding: 20rpx 32rpx;

            &>.selected {
                width: 32rpx;
                height: 32rpx;
            }
        }

        &>.list-status {
            .text(center, #999);
            padding: 20rpx 0;
        }
    }

    &>.selected {
        .fixed(_, _, 20rpx, 32rpx);
        .bgcolor(#00c5b8);
        .radius(100rpx);
        .text(white);
        padding: 20rpx 40rpx;
    }
    
    &>.next {
        .fixed(_, 32rpx, 20rpx, _);
        .bgcolor(#e2c271);
        .radius(100rpx);
        .text(white);
        padding: 20rpx 40rpx;
    }
}